﻿body
{
	background-color: #f1f1f1;
	font-family: Century Gothic;
	font-size: 18px;
}


/*buyForm==========================*/
#buyForm
{
	margin-left: 310px;
}
#buyForm .theAreaHolder
{
	width: 539px;
}
.theArea
{
	padding-left: 20px;
	background-image: url("../images/the_area_bg.png");
	background-repeat: repeat-y;
}

#buyForm .theAreadHeader
{
	height: 34px;
	width: 539px;
	background-image: url("../images/the_area_header_bg.png");
	background-repeat: no-repeat;
}


.theAreadFooter
{
	height: 18px;
	width: 539px;
	background-image: url("../images/the_area_footer_bg.png");
	background-repeat: no-repeat;
}
.chooseLoan
{
	width: 539px;
}
.chooseLoanHeader
{
	height: 43px;
	width: 539px;
	background-image: url("../images/free_information_header.png");
	background-repeat: no-repeat;
}
#buyForm .userDetail
{
	width: 539px;
}
#buyForm .buttonHolder
{
	padding-top: 20px;
	text-align: center;
}
.userDetailHeader
{
	height: 34px;
	width: 539px;
	background-image: url("../images/your_detail_header_bg.png");
	background-repeat: no-repeat;
}


#buyForm select
{
	width: 150px;
}

.message
{
	text-align: left;
	width: 539px;
	padding-bottom: 20px;
	color: #5F5F5F;
}

/*buyForm end==========================*/


/*Thank you page.==========================*/
#thankyouPage
{
	margin-left: 310px;
	width: 539px;
	padding-top: 50px;
	padding-bottom: 200px;
}


#thankyouPage .thankyouTitle
{
	text-align: center;
}

#thankyouPage .thankyouMessage
{
	padding-top: 30px;
	padding-bottom: 30px;
}


#thankyouPage .emailLink
{
	color: #8db500;
	text-decoration: none;
}
/*Thank you page end===================================================================================*/
/*sell Form Selector===================================================================================*/
#sellFormSelector
{
	margin-left: 310px;
}

.hrHolder
{
	padding-top: 3px;
	padding-bottom: 3px;
	width: 530px;
	text-align: left;
}
#sellFormSelector .option1
{
	width: 539px;
	padding-top: 30px;
}
#sellFormSelector .option2
{
	padding-top: 30px;
	width: 539px;
}

#sellFormSelector .buttonHolder
{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 0;
}

#sellFormSelector .message
{
	padding-top: 10px;
}
/*sell Form Selector end==========================*/

/*Sell quick report form==========================*/
#SellReportForm
{
	margin-left: 310px;
	width: 540px;
}

#SellReportForm .yourHouseHeader
{
	height: 38px;
	width: 539px;
	background-image: url("../images/your_house_header_bg.png");
	background-repeat: no-repeat;
}

#SellReportForm select
{
	width: 150px;
}





/*master page==========================*/


.mainHeader
{
	background-image: url("../images/header.png");
	background-repeat: no-repeat;
	height: 100%;
}
.mainFooter
{
	background-image: url("../images/footer.png");
	background-repeat: no-repeat;
}
.bodyHolder
{
	background-image: url("../images/loop.png");
	background-repeat: repeat-y;
	height: 100%;
}
.logo
{
	position: relative;
	float: left;
}
#content
{
	height: 100%;
	width: 935px;
}

/*default page==========================*/

.setup1
{
	margin-left: 310px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.setupTitle
{
	font-family: Century Gothic;
	padding-top: 30px;
}
.largeHeaderStep
{
	font-size: 30px;
	color: #8db500;
}

.largeHeaderTitle
{
	font-size: 30px;
}

.largeHeaderStep2
{
	font-size: 20px;
	color: #8db500;
	font-weight: bold;
}

.largeHeaderTitle2
{
	font-size: 20px;
	font-weight: bold;
}

div.selectbox-wrapper
{
	position: absolute;
	background-color: white;
	border: none;
	margin: 0px;
	margin-top: -10px;
	padding: 0px;
	font-size: 0.8em;
	text-align: left;
	height: 200px;
	overflow: auto;
}
div.selectbox-wrapper ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.selectbox-wrapper ul li.selected
{
	background-color: #FFCC00;
}
div.selectbox-wrapper ul li.current
{
	background-color: #FF66CC;
}
div.selectbox-wrapper ul li
{
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 3px;
	line-height: 20px;
	cursor: pointer;
	font-size: 30px;
	text-align: center;
}

.selectbox /* look&fell of  select box==========================*/
{
	margin: 0px 5px 10px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 30px;
	display: block;
	width: 538px;
	text-align: center;
	background: url('../images/button/region_select_bg.png') right;
	background-repeat: no-repeat;
	padding: .5em 0px .5em 5px;
	cursor: pointer;
	border: none;
	color: #333;
}




/*agent login*/
.loginTable
{
	margin-left: 350px;
	padding-top: 100px;
	padding-bottom: 150px;
}

.welcomeInfoHolder
{
	width: 249px;
	color: White;
	text-align: center;
}
.welcomeInfoHolder span
{
	font-weight: bold;
}

.agentMenu
{
	text-align: left;
	padding-left: 5px;
}
.agentMenu a
{
	font-weight: bold;
	color: White;
}

/*Agent home page*/

#agentHomePage
{
	padding-top: 100px;
	padding-bottom: 150px;
}

.welcomeInfo
{
	text-align: left;
	margin-left: 300px;
}

#agentHomePage .message
{
	text-align: left;
	width: 539px;
	padding-bottom: 100px;
}


/*agent property*/
.addNewPropertyTable
{
	margin-left: 300px;
	padding-top: 5px;
	padding-bottom: 100px;
}

.addNewPropertyTable .buttonHolder
{
	width: 500px;
	padding-top: 50px;
	text-align: center;
}

.addNewPropertyTable select
{
	width: 150px;
}

.addNewPropertyTable .addNewPropertyTableHeader
{
	height: 38px;
	width: 539px;
	background-image: url("../images/property_detail_header.png");
	background-repeat: no-repeat;
}

/*Property comparison list*/
.propertyComparisonList
{
	padding-left: 310px;
	padding-bottom: 100px;
}
.propertyComparisonList .titleMessage
{
}
.propertyComparisonList .titleMessage .commandHolder
{
	padding-left: 100px;
}

.propertyList
{
	padding-bottom: 50px;
	padding-top: 20px;
	width: 540px;
}
.leftHolder
{
	float: left;
	padding-right: 10px;
}
.leftHolder .idNumber
{
}
.leftHolder .image
{
}

.rightHolder
{
	padding-left: 200px;
}

.propertyComparisonList .rightHolder
{
	padding-left: 0px;
}

.rightHolder .commandHolder
{
	background-image: url("../images/command_bg.png");
	background-repeat: no-repeat;
	text-align: right;
	margin-left: 395px;
	padding-right: 10px;
}

.rightHolder .commandHolder a
{
	color: White;
	text-decoration: none;
}


.rightHolder .lines
{
}

.propertyComparisonList .idNumber
{
	background-image: url("../images/idNumber_bg.png");
	background-repeat: no-repeat;
}

.propertyComparisonList .image
{
	border-width: 0.5px;
	border-style: solid;
	height: 100px;
	background-color: White;
	width: 180px;
}
.propertyComparisonList .image img
{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.rightHolder .lines .line1
{
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}
.rightHolder .lines .line2
{
	border-bottom-style: solid;
	border-right-style: solid;
}
.rightHolder .lines .line3
{
	border-bottom-style: solid;
	border-right-style: solid;
}
.rightHolder .lines .line4
{
	border-bottom-style: solid;
	border-right-style: solid;
}



.propertyListPrint
{
	padding-bottom: 50px;
	padding-top: 20px;
	width: 540px;
}

.agentNameHolder
{
	padding-left: 310px;
}
.agentNameHolder .agentList1 .agentEditDetail
{
	float: left;
	padding-right: 70px;
}
.agentNameHolder .agentList2 .agentEditDetail
{
	float: left;
	padding-right: 70px;
}
.agentNameHolder .agentList3 .agentEditDetail
{
	float: left;
	padding-right: 70px;
}
.agentNameHolder .agentDetail
{
	width: 160px;
	float: left;
}

.agentNameHolder .agentDetailHeader
{
	width: 158px;
	height: 13px;
	background-image: url("../images/agent_name_header_bg.png");
	background-repeat: no-repeat;
}

.agentNameHolder .agentDetailHolder
{
	padding-left: 20px;
	width: 158px;
	background-image: url("../images/agent_name_loop_bg.png");
	background-repeat: repeat-y;
}

.agentNameHolder .agentDetailFooter
{
	width: 157px;
	height: 13px;
	background-image: url("../images/agent_name_footer_bg.png");
	background-repeat: no-repeat;
}

/*updateDetail*/

.updateDetail
{
	padding-left: 310px;
}

.updateDetail .updateDetailHeader
{
	width: 539px;
	height: 38px;
	background-image: url("../images/edit_your_detail_header_bg.png");
	background-repeat: no-repeat;
}

/*sellerListHolder*/
.sellerListHolder
{
	padding-left: 310px;
	padding-bottom: 30%;
}


.sellerListHolder .buttonHolder
{
	text-align: center;
}

 .tableHeader
{
	position: relative;
	 width:530px;
	 height:40px;
	 background-image:url("../images/property_list_table_header_bg.png");
	 background-repeat:no-repeat;
}

 .tableFooter
{
	position: relative;
	 width:530px;
	 height:19px;
	 background-image:url("../images/property_list_table_footer.png");
	 background-repeat:no-repeat;
}
 .tableHeaderItemHolder
{
		 padding-top:10px;	
}

 .itemLine2
{
	position: relative;
    width:530px;
    height:65px;
    background-image:url("../images/property_list_table_loop2.png");
    background-repeat:repeat-y;
}

 .itemLine1
{
	position: relative;
    width:530px;
    height:65px;
    background-image:url("../images/property_list_table_loop.png");
    background-repeat:repeat-y;
}

.c1
{
	float: left;
	width:65px;
	padding-top:5px;
}
 .c2
{
	float: left;
	width:200px;
	padding-top:5px;
}
 .c3
{
	float: left;
	width:70px;
	padding-top:5px;
	padding-left:3px;
}
.c3 p
{
		width:70px;
}
.c4
{
	float: left;
	width:140px;
	padding-top:5px;
}
 .c5
{
	float: left;
	width:30px;
	padding-top:5px;
}

/*buyerListHolder*/
.buyerListHolder
{
	padding-left: 310px;
	padding-bottom: 30%;
}
.buyerListHolder .buttonHolder
{
	text-align: center;
}

/*editBuyer*/
.editBuyer
{
	padding-left: 310px;
	padding-bottom: 30%;
	width: 500px;
}
.editBuyer .leftHolder
{
	float: left;
	width: 350px;
}



/*footerMenu*/
.footerMenu a
{
	color: #9a9a9a;
	font-weight: bold;
	text-align: left;
	padding-right: 20px;
	text-decoration: none;
	font-size: 12px;
}

/*headerMenu*/
.headerMenu
{
	text-align: right;
	width: 900px;
}
.headerMenu a
{
	color: #9a9a9a;
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
	text-decoration: none;
	font-size: 12px;
}


.sideMenu
{
	float: right;
	padding-top: 20px;
}


/*default page*/
.RegionSelector
{
	width: 538px;
	height: 46px;
	background-image: url("/images/button/region_select_bg.png");
}
.RegionSelector input
{
	width: 450px;
	height: 40px;
	font-size: 25px;
}


/*agent master*/
.agentMenuItemHolder
{
	width: auto;
	padding-top: 5px;
}

.agentMenuItemHolder a
{
	padding-left: 40px;
	text-decoration: none;
}


#changePassword
{
	padding-bottom: 300px;
	padding-left: 321px;
	padding-top: 50px;
}


#RespondToLead
{
	margin-left:310px;
	width:540px;	
}

#RespondToLead .emailHeader
{
	width: 539px;
	height: 27px;
	background-image: url("../images/email_header.png");
	background-repeat: no-repeat;
}

#RespondToLead .marketComparisonsHeader
{
	width: 539px;
	height: 27px;
	background-image: url("../images/market_comparisons_header.png");
	background-repeat: no-repeat;
}

#RespondToLead .inSummaryHeader
{
	width: 539px;
	height: 27px;
	background-image: url("../images/in_summary_header.png");
	background-repeat: no-repeat;
}

#RespondToLead .leadDetailHeader
{
	width: 539px;
	height: 27px;
	background-image: url("../images/lead_detail_header.png");
	background-repeat: no-repeat;
}

#RespondToLead .buttonHolder
{
	 text-align:center;	
}

#RespondToLead .buttonHolder img
{
	padding-right:20px;
}


#mailBody
{
	 float:left;	
}


.langText
{
	display:-moz-inline-box; 
	display:inline-block; 
	width:300px;
	word-break:break-all;
	word-wrap:break-word
}